<script setup>
import ware from "@/assets/ware.png"
import check from "@/assets/chek.png"
import stock from "@/assets/stock.png"
import {ref} from "vue"
import {useRouter} from "vue-router";
const router = useRouter()

const list = ref([
  {
    icon: ware,
    name: '仓库',
    url: '/Warehouse'
  },
  {
    icon: check,
    name: '开始盘点',
    url: '/InventoryList'
  },
  {
    icon: stock,
    name: '库存调拨',
    url: '/Dialing'
  },
])
const jumpFn = (item) => {
  if (item.url){
    router.push(item.url)
  }
}
</script>

<template>
  <div class="mt-[15px] w-full backgroundColor shadow-xs rounded-lg p-[15px] box-border">
    <div class="flex justify-between items-center w-full">
      <div class="font-bold text-1xl">仓库管理</div>
      <div class="text-[16px] text-[#4B79A9]">库存1090件</div>
    </div>
    <div class="mt-[10px] w-full flex justify-around items-center ">
      <div class="w-[60px] text-center mt-[10px]"
           v-for="(item,index) in list" :key="index"
           @click="jumpFn(item)"
      >
        <img :src="item.icon" alt="" class="w-[36px] h-[34px] m-auto">
        <div class="text-center text-[14px] text-[#333] mt-[5px]">{{item.name}}</div>
      </div>
    </div>
  </div>

</template>
<style scoped>

</style>














